/*每个页面公共css */
html,
body,
page {
  height: calc(100vh - 44px);
  box-sizing: border-box;
  position: relative;
  margin-bottom: v-bind('kb_h');
}

.uni-btn {
  border-radius: 50px;
}

.item-selector {
  .uni-easyinput__content {
    &.is-input-border {
      &.is-disabled {
        background-color: #fff !important;
        color: #000 !important;

        input {

          &::placeholder {
            color: #000 !important;
          }
        }
      }
    }
  }
}

.appro-tab {
  .uni-tab__cart-box {
    padding-bottom: 35rpx;
  }
}

.uni-switch {
  transform: scale(0.8);

  &.sm {
    position: relative;
    top: -2px;
    transform: scale(0.5);
  }
}
.uni-calendar--fixed {
  bottom: 0!important;
}

// .selector-date {

//   //&.bottom-bar {
//   //  .uni-calendar--ani-show {
//   //    transform: translateY(calc(50%)) !important;
//   //  }
//   //}
//   //
//   //
//   //
//   //@media (max-width: 600px) {
//   //  .uni-calendar--ani-show {
//   //    transform: translateY(calc(38%)) !important;
//   //  }
//   //}
//   //
//   //@media (max-width: 740px) {
//   //  .uni-calendar--ani-show {
//   //    transform: translateY(calc(20%))  !important;
//   //  }
//   //}
//   //
//   //@media (max-width: 810px) {
//   //  .uni-calendar--ani-show {
//   //    transform: translateY(calc(50%)) !important;
//   //  }
//   //}
//   .uni-calendar--ani-show {
//     transition-duration: 0s !important;
//     transform: translateY(78%) !important;
//   }

//   .uni-calendar--fixed {
//     position: absolute !important;
//     bottom: 50rpx !important;
//   }
// }

.tab-warp {
  .segmented-control__item {
    margin: 0 12px;
  }
}


.popup-form-warp {
  padding: 12rpx 32rpx;
  background-color: #fff;

  .filter-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px #ddd solid;
    margin-bottom: 22rpx;
    padding-bottom: 22rpx;

    .header__text {
      font-weight: 700;
      font-size: 36rpx;
    }
  }

  .uni-calendar--ani-show {
    transform: translateY(100%) !important;
  }

  .uni-calendar--fixed {
    bottom: 0 !important;
  }
}


.image-icon {
  &-mini {
    width: 20rpx;
    height: 20rpx;
    display: inline-block;
  }

  &-sm {
    width: 32rpx;
    height: 32rpx;
    display: inline-block;
  }

  &-md {
    width: 48rpx;
    height: 48rpx;
    display: inline-block;
  }

  &-m32 {
    width: 24px;
    height: 24px;
    display: inline-block;
  }

  &-arrow {
    width: 11px;
    height: 6px;
  }
}

.icon-offset {
  position: relative;
  top: 3px;
  margin-right: 8rpx;

  &--md {
    position: relative;
    top: 6px;
  }
}

.text-grey-400 {
  color: #838383;
}

.text-grey-300 {
  color: #a6a6a6;
}

.text-blue-400 {
  color: #00a6fe;
}

.text-green-400 {
  color: #00c553;
}

.text {
  &-sm {
    font-size: 24rpx;
  }
}

.font-bold {
  font-weight: 700;
}

.bg-grey-100 {
  background-color: #e3e3e3
}

.bg-grey-200 {
  background-color: #f2f2f2;
}

.bg-white {
  background-color: #fff;
}

.ml-2 {
  margin-left: 22rpx;
}

.mr-1 {
  margin-right: 12rpx;
}

.mr-2 {
  margin-right: 22rpx;
}

.mx-2 {
  margin-left: 22rpx;
  margin-right: 22rpx;
}

.state-color {
  .info {
    color: #9f9f9f !important;
  }

  .primary {
    color: #2badfe !important;
  }

  .success {
    color: #37d47d !important;
  }

  .sc-purple {
    color: #a179fe !important;
  }

  .sc-aqua {
    color: #00d0db !important;
  }

  .warn {
    color: #e6a23c !important;
  }

  .orange-400 {
    color: #ff7529 !important;
  }

  .error {
    color: #f56c6c !important;
  }

  &--title {
    &.primary {
      background: rgb(214, 236, 255);
      background: linear-gradient(90deg, rgba(214, 236, 255, 1) 0%, rgba(232, 245, 255, 1.0) 100%);
    }

    &.primary-v {
      background: rgb(214, 236, 255);
      background: linear-gradient(180deg, rgba(214, 236, 255, 1) 0%, #f6faff 100%);
    }

    &.success {
      background: rgb(209, 248, 231);
      background: linear-gradient(90deg, rgb(209, 248, 231) 0%, rgb(232, 255, 245) 100%);
    }
  }
}

.radio-group-warp {
  display: inline-block;

  &.border {
    border-radius: 4px;
    border: 1px solid #008af9;
    overflow: hidden;
  }

  .radio-group {
    display: flex;
    flex-direction: row;

    .group-item {

      .group-item__label {
        display: inline-block;
        background-color: #f5f5f5;
        color: #9c9c9c;
        font-size: 23rpx;
        padding: 12rpx 18rpx;
      }

      .group-item__input {
        display: none;

        &[checked] + .group-item__label {
          color: #ffffff;
          background-color: #008af9 !important;
        }
      }

    }

    &.category {
      border: 1px #008af9 solid;
      border-radius: 4px;
      overflow: hidden;

      .group-item {
        .group-item__label {
          display: inline-block;
          background-color: #fff;
          color: #008af9;
          font-size: 24rpx;
          padding: 12rpx 18rpx;
          margin: 0;
          min-width: 150rpx;
          text-align: center;
        }

        .group-item__input {
          display: none;


          &[checked=true] + .group-item__label {
            color: #fff;
            background-color: #008af9 !important;
          }
        }

      }
    }
  }
}

.text-list {
  font-size: 28rpx;
  list-style-type: none;
  margin: 0;
  padding: 0;

  &.grid-list-row {
    display: grid;
    grid-auto-columns: 1fr;


    .li-item {
      display: grid;
      grid-template-areas: "title value value";
      grid-template-columns: 1fr 2fr;

      .title {
        grid-area: title;
      }

      .value {
        grid-area: value / value;
      }
    }
  }

  &.inline-list {

    .row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      .li-item {
        margin: 8rpx 0;


        &.empty {
          list-style-type: none;
        }

        .title {
          color: #b3b3b3;
        }

        .value {
          color: #666666;
        }
      }
    }
  }

  &.split-list {

    .li-item {
      margin: 8rpx 0;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      &.empty {
        list-style-type: none;
      }

      .title {
        color: #b3b3b3;
      }

      .value {
        color: #666666;
        max-width: 350rpx;

        &.input {
          flex-grow: 0.7;
        }
      }
    }

  }


  &.reversed-color {
    .li-item {
      margin: 8rpx 0;

      .title {
        color: #666666;
      }

      .value {
        color: #b3b3b3;
      }
    }
  }

  &.line-h-md {
    .li-item {
      margin: 12rpx 0;
    }
  }

  &.line-h-lg {
    .li-item {
      margin: 18rpx 0;
    }
  }

  .li-item {
    margin: 8rpx 0;

    &.divide {
      height: 1px;
      background-color: #eee;
      display: block;
      width: 100%;
      content: " ";
      margin: 22rpx 0;
    }

    .title {
      color: #b3b3b3;
    }

    .value {
      color: #666666;
    }
  }
}

.link-button {
  font-size: 28rpx;
  color: $uni-primary;

  &[type=info] {
    color: #9f9f9f !important;
  }

  &[type=primary] {
    color: #2badfe !important;
  }

  &[type=success] {
    color: #37d47d !important;
  }

  &[type=sc-purple] {
    color: #a179fe !important;
  }

  &[type=sc-aqua] {
    color: #00d0db !important;
  }

  &[type=warn] {
    color: #e6a23c !important;
  }

  &[type=orange-400] {
    color: #ff7529 !important;
  }

  &[type=error],&[type=danger] {
    color: #f56c6c !important;
  }
}

.time-line {
  .flow-styles {
    color: #969696;

    .line {
      background-color: #ccc !important;
    }

    &--in-progress {
      color: #00a0fb;

      .dot {
        background-color: #00a0fb !important;
      }
    }

    &--done {
      color: #22c76f;

      .dot {
        background-color: #22c76f !important;
      }
    }
  }
}

.flex {
  display: flex;
}

.justify-content-end {
  justify-content: flex-end;
}

//@media screen and (max-height:1300px) {
//  .m-content{
//    height: 1300px;
//  }
//}
//
//@media screen and (max-height:1100px) {
//  .m-content{
//    height: 1110px;
//  }
//}
//
//@media screen and (max-height:930px) {
//  .m-content{
//    height: 930px;
//  }
//}
//
//@media screen and (max-height:890px) {
//  .m-content{
//    height: 890px;
//  }
//}
//
//@media screen and (max-height:810px) {
//  .m-content{
//    height: 810px;
//  }
//}
//
//@media screen and (max-height:730px) {
//  .m-content{
//    height: 710px;
//  }
//}
//
//@media screen and (max-height:660px) {
//  .m-content{
//    height: 660px;
//  }
//}
//
//@media screen and (max-height:600px) {
//  .m-content{
//    height: 600px;
//  }
//}
//
//@media screen and (max-height:500px) {
//  .m-content{
//    height: 500px;
//  }
//}
